<style>
    /*#toolBar, #toolBar tr th, #toolBar tr td {*/
    /*border: 1px solid #CCCCCC;*/
    /*}*/
    body, html {
        height: 100%;
        overflow: hidden;
        background-color: white;
    }

    .l-btn-plain:hover {
        border: 0;
        background-color: #fafafa;
    }

    #gridView > .row > div {
        border-bottom: 1px solid #ececec;
        border-right: 1px solid #ececec;
        padding: 0px;
    }

    #gridView > .row {
        border-left: 1px solid #ececec;
    }

    #gridView > .row:first-child > div{
        border-top: 1px solid #ececec;
    }

</style>
<table style="height: 100%;width: 100%">
    <tr style="height: 100%">
        <td>
            <div id="gridView" class="container-fluid"
                 style="width: 100%;height: 100%;overflow:auto;-webkit-overflow-scrolling:touch;padding: 20px;">
                {% if staffManage is defined and staffManage | length > 0  %}
                    {% for index,item in staffManage %}
                        {% if index % 6 == 0  %}
                        <div class="row">
                        {% endif %}
                        <div class="col-md-2 col-sm-2 col-lg-2 col-xs-2">
                        <a id="{{ item['id'] }}" class="easyui-linkbutton functionButton" data-options="iconCls:'{{ item['iconClass'] }}',size:'large',iconAlign:'top',plain:true"
                        style="width: 100%;height: 100%;">{{ item['title'] }}</a>
                        </div>
                    {% if index % 6 == 5  %}
                        </div>
                    {% endif %}
                {% endfor %}
                {% endif %}
            </div>
        </td>
    </tr>
</table>